<div class="rounded bg-white overflow-hidden shadow-lg md:mt-6">
    <div class="px-6 py-4">
        <h3 class="text-xl">{{ $merchant->name }}</h3>
        <ul>
            <li class="text-xs my-2 flex items-center">
                <span class="w-28 text-gray-400">ClientId：</span>
                <a class="copy-text" data-text="{{ $merchant->client_id }}" href="javascript:;" title="复制">
                    <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="18">
                        <path d="M334.5 704.5V331.4H191v499.8h499.9V704.5H386.3z" fill="#3E88C8" p-id="5154"></path>
                        <path d="M386.3 204.7V652.8h448.1V204.7z" fill="#3E88C8" p-id="5155"></path>
                    </svg>
                </a>
                <span>{{ $merchant->client_id }}</span>
            </li>
            <li class="text-xs my-2 flex items-center">
                <span class="w-28 text-gray-400">ClientSecret：</span>
                <a class="copy-text" data-text="{{ $merchant->client_secret }}" href="javascript:;" title="复制">
                    <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="18" height="18">
                        <path d="M334.5 704.5V331.4H191v499.8h499.9V704.5H386.3z" fill="#3E88C8" p-id="5154"></path>
                        <path d="M386.3 204.7V652.8h448.1V204.7z" fill="#3E88C8" p-id="5155"></path>
                    </svg>
                </a>
                <span class="truncate">{{ $merchant->client_secret }}</span>
            </li>
            <li class="text-xs my-2 flex items-center">
                <span class="w-28 text-gray-400">余额：</span>
                <span class="rounded-xl text-white bg-red-400 py-0.5 px-2">{{ $merchant->balance }}</span>
            </li>
            <li class="text-xs my-2 flex items-center">
                <span class="w-28 text-gray-400">冻结余额：</span>
                <span class="rounded-xl text-white bg-red-400 py-0.5 px-2">{{ $merchant->frozen_balance }}</span>
            </li>
            <li class="text-xs my-2 flex items-center">
                <span class="w-28 text-gray-400">通知类型：</span>
                <span class="rounded-xl text-white bg-green-400 py-0.5 px-2">{{ \App\Models\Merchant::$notifyTypeMap[$merchant->notify_type] ?? '' }}</span>
            </li>
            <li class="text-xs my-2 flex items-center">
                <span class="w-28 text-gray-400">创建时间：</span>
                <span class="weight-blod">{{ $merchant->created_at }}</span>
            </li>
        </ul>
        <hr>
        <div class="mt-3 flex justify-end">
            <a class="rounded-xl bg-blue-400 py-1 px-3 text-white hover:bg-blue-300" href="{{ route('user.merchants.edit', ['merchant' => $merchant->id]) }}">编辑</a>
            <a class="ml-3 rounded-xl bg-green-400 py-1 px-3 text-white hover:bg-green-300" href="{{ route('user.merchants.cash', ['merchant' => $merchant->id]) }}">提现</a>
        </div>
    </div>
</div>
